<table class="table">
  <tr>
    <td style="border:none">
      <h5 class="my-3">颜色</h5>
      <pre><code [highlight]="code.html1"></code></pre>
      <p><button ion-button color="primary">测试</button></p>
      <p><button ion-button color="secondary">测试</button></p>
      <p><button ion-button color="success">测试</button></p>
      <hr />
      <h5 class="my-3">大小</h5>
      <pre><code [highlight]="code.html2"></code></pre>
      <p><button ion-button color="primary" size="small">测试</button></p>
      <p><button ion-button color="secondary">测试</button></p>
      <p><button ion-button color="success" size="large">测试</button></p>
      <hr />
      <h5 class="my-3">block</h5>
      <pre><code [highlight]="code.html3"></code></pre>
      <p><button ion-button color="primary">测试</button></p>
      <p><button ion-button color="success" size="large" expand="block">测试</button></p>
    </td>
    <td style="border:none">
      <div class="code-dark">
        <pre><code [highlight]="code.tsCode"></code></pre>
      </div>
    </td>
  </tr>
</table>